/* mobile img */
bg-image($url)
  background-image url($url + "@2x.png")
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image url($url + "@3x.png")

/* Single line text omitted */
single-wrap()
  text-overflow ellipsis
  overflow hidden
  white-space nowrap

/* Multi-line text omitted */
multi-wrap($line)
    overflow hidden
    text-overflow ellipsis
    display -webkit-box
    -webkit-line-clamp $line
    -webkit-box-orient vertical

extend-click()
  position relative
  &:before
    content ''
    position absolute
    top -10px
    left -10px
    right -10px
    bottom -10px

/* 1px app*/
border-1px($color)
  position relative
  &::after
    display block
    position absolute
    left 0
    bottom 0
    width 100%
    border-top 1px solid $color
    content ' '

/* text blurry */
text-blurry()
   font-size 28px
   font-family arial
   font-weight bold
   color transparent
   text-shadow: 0 0 5px rgba(0,0,0,0.7)

/* 图片边框偏光 */
img-polaroid($color)
    background #000;
    border solid #fff;
    border-width 6px 6px 20px 6px;
    box-shadow 1px 1px 5px $color;
    -webkit-box-shadow 1px 1px 5px $color
    -moz-box-shadow 1px 1px 5px $color
    height 200px
    width 200px
